<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
<%@ include file="/WEB-INF/common/includes.jsp" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>zzzzzz - Login</title>
	<%@ include file="/WEB-INF/common/meta.jsp" %>
	<link type="text/css" rel="stylesheet" href="${ctx}/res/css/main.css" />
	<script type="text/javascript" src="${ctx}/res/js/jquery/jquery-1.6.1.min.js"></script>
	<script type="text/javascript">
		var jq = jQuery.noConflict();
	</script>
	<script type="text/javascript" src="${ctx}/res/js/main.js"></script>
	<script type="text/javascript" src="${ctx}/res/js/login_classic.js"></script>
</head>
<body>

<%@ include file="/WEB-INF/common/header.jsp" %>

<div class="site-wrap wrap">
	<div class="login-wrap">
		<zzzzzz-ui:message key="msg_success_pwd_send_reset_link" type="success" />
		<zzzzzz-ui:message key="msg_success_pwd_reset" type="success" />
		<zzzzzz-ui:message key="msg_success_activate_account" type="success" />
		<zzzzzz-ui:message key="msg_success_resend_activation_email" type="success" />
		
		<ul class="login-section horizontal">
			<li class="form-wrap">
				<h1>Login</h1>
				<div class="form-section">
					<form:form id="user-login-form" modelAttribute="loginVo" method="post" action="${ctx}/login" class="user-login-form">
	            		<form:errors path="*" element="div" cssClass="msg-error"/>
						<div class="fieldset" style="overflow: auto; margin-bottom: 3px;">
							<label for="user-login-email" id="user-login-email-error-msg" class="user-login-error-msg" style="display: none;"></label>
							<div style="clear: both; margin-top: 16px;">
								<label for="user-login-email" class="triple-column column of-eight">Email</label><form:input path="email" id="user-login-email" tabindex="1" size="255" maxlength="255" class="quintuple-column column of-eight" />
							</div>
						</div>
						<div class="fieldset" style="overflow: auto;">
							<label for="user-login-password" id="user-login-password-error-msg" class="user-login-error-msg" style="display: none;"></label>
							<div style="clear: both; margin-top: 16px;">
								<div class="triple-column column of-eight"><label for="user-login-password">Password</label><span><a href="${ctx}/user/forgot_password">Forgot password?</a></span></div><form:password path="password" id="user-login-password" tabindex="2" size="255" maxlength="255" class="quintuple-column column of-eight" />
							</div>
						</div>
						<div class="fieldset">
							<span class="triple-column column of-eight"></span><div class="quintuple-column column of-eight"><input type="submit" value="Log in" id="user-login-submit" name="user-login-submit" tabindex="4" class="style3-button large-button button" /><span class="remember-me"><form:checkbox path="rememberMe" tabindex="3" label="remember me"/></span></div>
						</div>
						<span class="triple-column column of-eight"></span><span class="quintuple-column column of-eight">Don't have an account? <a href="${ctx}/register">Sign up</a></span>
					</form:form>
				</div>
			</li>
			<li class="social-wrap">
				<h1 style="margin-top: 100px;">Login using your<br/>existing social network</h1>
			</li>
		</ul>
	</div>
</div>

<script type="text/javascript">

var loginClassic = new LoginClassic({
	'j_user_login_form' : jq("#user-login-form"),
	'j_user_login_email' : jq("#user-login-email"),
	'j_user_login_password' : jq("#user-login-password"),
	'j_user_login_email_error_msg' : jq("#user-login-email-error-msg"),
	'j_user_login_password_error_msg' : jq("#user-login-password-error-msg"),
	'j_user_login_submit' : jq("#user-login-submit")
});

</script>

<%@ include file="/WEB-INF/common/footer.jsp" %>

</body>
</html>